.address-book-details {
  width: 100%;
  .details-box {
    width: 100%;
    .address-book-details-title {
      // border-bottom: 20rpx solid #f5f5f5;
      .new-colleague-review {
        // border-bottom: 1rpx solid #f5f5f5;
        .address-book-title-item {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          margin: 40rpx 0;
          padding: 0 40rpx 0 32rpx;
          box-sizing: border-box;
          .book-title-left {
            display: flex;
            align-items: center;
            .book-title-left-icon {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 80rpx;
              height: 80rpx;
              border-radius: 24rpx;
              img {
                width: 60rpx;
                height: 60rpx;
              }
            }
            .book-title-left-text {
              margin-left: 28rpx;
              font-weight: 600;
              font-size: 32rpx;
            }
          }
        }
      }
    }
    .details-content {
      width: 100%;
      .details-content-item {
        // padding: 50rpx 32rpx;
        box-sizing: border-box;
        width: 100%;
        .item-title {
          display: flex;
          align-items: center;
          font-size: 28rpx;
          padding: 50rpx 32rpx;
          border-bottom: 20rpx solid #f5f5f5;

          .iconfont {
            font-size: 24rpx;
            padding: 0 15rpx;
            box-sizing: border-box;
            color: #999;
          }
          .select-title-text {
            color: #1e74fd;
            display: inline-block;
          }
        }
        .item-content {
          margin-top: 20rpx;
          .select-all {
            border-bottom: 20rpx solid #f5f5f5;
            box-shadow: none;
          }
          .select-item {
            box-shadow: none;
            padding-bottom: 180rpx;
            box-sizing: border-box;
            .checkbox-item {
              box-shadow: none;
              display: flex;
              align-items: center;
              justify-content: space-between;
              .checkbox-item-box {
                .nut-checkbox {
                  display: flex;
                  align-items: center;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  .checkbox-item-box-left {
                    display: flex;
                    align-items: center;
                    .left-img {
                      display: flex;
                      align-items: center;

                      img {
                        width: 80rpx;
                        height: 80rpx;
                        border-radius: 50%;
                      }
                      text {
                        padding-left: 28rpx;
                      }
                    }
                  }
                }
              }
              .checkbox-item-box-right {
                width: 20%;
                text-align: right;
                .iconfont {
                  font-size: 28rpx;
                }
              }
            }
          }
          .item-content-btn {
            position: fixed;
            bottom: 0;
            width: 100%;
            background-color: #fff;
            display: flex;
            align-items: center;
            height: 164rpx;
            background: #ffffff;
            box-shadow: 0rpx -2rpx 0rpx 2rpx #f5f5f5;
            border-radius: 40rpx 40rpx 0rpx 0rpx;
            padding: 0 32rpx;
            box-sizing: border-box;
            width: 100%;
            .btn-box {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
              .btn-box-left {
                text {
                  font-size: 28rpx;
                }
                text:nth-of-type(1) {
                  color: #101010;
                }
                text:nth-of-type(1) {
                  color: #999999;
                }
              }
            }
          }
        }
      }
    }
  }
  .popup-content {
    background-color: #f5f5f5;
    width: 100%;
    height: 100vh;
    .popup-content-box {
      //   height: 1000rpx;
      width: 100%;
      .popup-content-title {
        z-index: 10;
        width: 100%;
        position: fixed;
        background-color: #fff;
        border-top-left-radius: 40rpx;
        border-top-right-radius: 40rpx;
        padding: 70rpx 32rpx 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .popup-cancel {
          font-size: 32rpx;
          color: #c5c5c5;
        }
        .popup-title {
          font-weight: 600;
          font-size: 32rpx;
        }
        .popup-confirm {
          font-weight: 600;
          font-size: 32rpx;
          color: #1e74fd;
        }
      }
    }
    .popup-content-search {
      width: 100%;
      position: fixed;
      margin-top: 100rpx;
      background-color: #fff;
      padding: 50rpx 0;
      box-sizing: border-box;
    }
    .popup-content-list {
      padding-top: 300rpx;
      .popup-con-title {
        display: block;
        margin: 44rpx 0 20rpx 32rpx;
        font-size: 28rpx;
        color: #101010;
      }
    }
  }
}
